{% extends 'base.html' %}

{% set crumbs = [(url('landings.get_involved'), _('Help Other Users')), (none, _('Translate Help Articles'))] %}
{% set styles = ('landings-get-involved',) %}

{% set canonical_url = canonicalize(viewname='landings.get_involved_l10n') %}

{% block content %}
  <div class="grid_12">
    <img class="hero-img" src="{{ STATIC_URL }}sumo/img/gi-hero-l10n.png" alt="">
    <div class="hero-bar secondary l10n cf">
      <div class="column">
        <h1>{{ _('Translate help articles!') }}</h1>
        <h2>{{ _("Let's make Mozilla Support speak your language!") }}</h2>
        <p>
          {% trans %}
            Help articles are not available in your language yet? You want to
            join the amazing team translating them? You will help millions of
            users in your language. Pretty heroic, right?
          {% endtrans %}
        </p>
      </div>
    </div>
  </div>

  {% set user_is_contributor = is_contributor(user) %}
  {% set signup_headline = _('Translate help articles to your language') %}
  {% include 'landings/includes/register_contributor.html' %}

  <div class="row cf pick-a-way">
    <div class="grid_12">
      <h3>{{ _('How it works') }}</h3>
    </div>
    <div class="grid_6">
      <ol class="callouts">
        <li>
          {% set message =  _('Sign up as a volunteer') %}
            {% if not user_is_contributor %}
              <a href="#" data-trigger="click" data-trigger-target="#sign-up-contributor">{{ message }}</a>
            {% else %}
              {{ message }}
            {% endif %}
          </li>
        <li>
          <a href="{{ url('wiki.document', 'localize-firefox-help') }}">
            {{ _('Check our documentation') }}
          </a>
        </li>
        <li>{{ _('Just edit articles in your language!') }}</li>
      </ol>
    </div>
    <div class="grid_6 gi-visual">
      <div><img src="{{ STATIC_URL }}sumo/img/gi-visual-l10n.png?v=1" alt=""></div>
      {{ _("Translating 1 article can help 1,000's of users in your language") }}
    </div>
  </div>

  <div class="row cf pick-a-way">
    <div class="grid_4">
      <h3>{{ _('Other ways to get involved') }}</h3>
    </div>
    <div class="grid_4">
      <div class="get-involved-icon questions"></div>
      <a href="{{ url('landings.get_involved_questions') }}">
        {{ _('Answer questions in the support forum') }} &raquo;
      </a>
    </div>
    <div class="grid_4">
      <div class="get-involved-icon kb"></div>
      <a href="{{ url('landings.get_involved_kb') }}">
        {{ _('Write help articles') }} &raquo;
      </a>
    </div>
  </div>
{% endblock %}
